<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <link rel="stylesheet" href="../../css/regist.css">
    <!--logo-->
    <link rel="shortcut icon" href="../../img/favicon.ico" type="image/x-icon" />
    <!--elementui所需文件
    <link rel="stylesheet" href="../css/elementui.css">-->
    <script src="../../plugins/jquery/jQuery-2.2.3.min.js"></script>
</head>
<script src="../../js/user-regist.js"></script>
<body>
<div id="app">
    <div id="login_frame">

        <p id="image_logo"><img src="../../img/logo.png"></p>

        <form method="post">
            <p><label class="label_input">真实姓名</label><input type="text" id="realname" class="text_field" placeholder="  请输入真实姓名" @blur="checkRealName()"/><span id="form1" style="color: darkred;font-size: small"></span></p>
            <p><label class="label_input">昵称</label><input type="text" id="username" class="text_field" placeholder="  请输入20字符内的昵称" @blur="checkName()"/><span id="form2" style="color: darkred;font-size: small"></span></p>
            <p><label class="label_input">密码</label><input type="password" id="password" class="text_field" placeholder="  请输入6位纯数字密码" @blur="checkPass()"/><span id="form3" style="color: darkred;font-size: small"></span></p>
            <p><label class="label_input">确认密码</label><input type="password" id="rpassword" class="text_field" placeholder="  请再次输入密码" @blur="checkRPass()"/><span id="form4" style="color: darkred;font-size: small"></span></p>
            <!--手机号码后期可以加一个验证码验证-->
            <p><label class="label_input">支付宝号</label><input type="text" id="phone" class="text_field" placeholder="  请输入支付宝账号" @blur="checkPhone()"/><span id="form5" style="color: darkred;font-size: small"></span></p>
            <p align="left"><label class="label_input1">性别</label>
                <input type="radio" class="radiostyle" name="sex" value="男" checked/>男
                <input type="radio" class="radiostyle" name="sex" value="女"/>女
            </p>
            <p><label class="label_input">邮箱</label><input type="text" id="email" class="text_field" placeholder="  请输入你的邮箱" @blur="checkEmail()"/><span id="form6" style="color: darkred;font-size: small"></span></p>
            <!--<p><label class="label_input">生日</label><input type="text" id="birthday" class="text_field" placeholder="  请输入如2020-01-01的格式（选填）" @blur="checkBir()"/><span id="form7" style="color: darkred;font-size: small"></span></p>-->
            <p><label class="label_input">个人简介</label><input type="text" id="brief" class="text_field" placeholder="  请输入个人简介" @blur="checkBrief()"/><span id="form7" style="color: darkred;font-size: small"></span></p>
            <div id="login_control">
                <input type="button" id="btn_login" value="注册" onclick="submitcheck();"/>
                <a id="forget_pwd" href="../login.html">已有账号？</a>
            </div>
        </form>
    </div>
</div>
</body>
<!-- 引入vue和elementUI所需配置文件 -->
<script src="../../js/vue.js"></script>
<!--<script src="../js/elementui.js"></script>-->
<script src="../../js/axios.js"></script>
</html>
